/******************************************************************************************
 * Import
 ******************************************************************************************/

// module
import Taro, { Component } from '@tarojs/taro'

// project
import { CPage, CContent, CHeader, CFooter, CFloat, CAround, CBetween, CCenter, CRow, CWrap, CLine, CHand, CItemX, CItemY, CText, CLabel, CSvg, CImage, CButton } from '../../library/comp';
import { Base64, Gen, Time, Zip, Session, Storage, Http } from '../../library/func';
import Icon from '../../project/style/icon';

/******************************************************************************************
 * Export Class
 ******************************************************************************************/

export default class Index extends Component {

	/*------------------------------------------------------------------------------------
	 * 初始化
	 *-----------------------------------------------------------------------------------*/
	constructor(props) {
		super(props);

		/**
		 * state
		 */
		this.state = {
			background: '#f60',
			status: 'success'
		}
	}

	/*------------------------------------------------------------------------------------
	 * 生命周期
	 *-----------------------------------------------------------------------------------*/
	// didMount
	componentDidMount() {

	}
	
	/*------------------------------------------------------------------------------------
	 * 事件处理
	 *-----------------------------------------------------------------------------------*/
	// onClick
	onClick = (id, e)=> {
		console.log('onClick: ' + id)
    }
    
    // onRedirect
    onRedirect = (url, e)=> {
        wx.redirectTo({
            url: url
        })
    }

    // onNavigate
    onNavigate = (url, e)=> {

    }

	/*------------------------------------------------------------------------------------
	 * 自定义方法
	 *-----------------------------------------------------------------------------------*/

	/*------------------------------------------------------------------------------------
	 * 渲染
	 *-----------------------------------------------------------------------------------*/
	render () {
		return (
			<CPage>
				<CContent>
					
					{/* swiper */}
					<CRow bg='#999' h='200'></CRow>

					{/* 价格与关注 */}
					<CRow bg='#999' h='80' mt='10'></CRow>

					{/* 商品名称 */}
					<CRow bg='#999' h='30'></CRow>

					{/* 包邮、销量、始发地 */}
					<CRow bg='#eee' h='100' mt='10'></CRow>

					{/* 24小时发货、交易保障、7天退换货 */}
					<CRow bg='#999' h='30'></CRow>

					{/* 分享素材 */}
					<CRow bg='#eee' h='100' mt='10'></CRow>

					{/* 买家评价 */}
					<CRow bg='#999' h='30'></CRow>

					{/* 为你推荐 */}
					<CRow bg='#999' h='30'></CRow>

					{/* 商品详情、常见问题 */}
					<CRow bg='#999' h='30'></CRow>

				</CContent>

				{/* 商品详情页Footer */}
				<CFooter h='50' bg='#06f'>Footer</CFooter>
			</CPage>
		)
	}
}


